<template>
    <div class="creditlife-home">
      <div class="main-title">信用生活平台</div>
      <div class="subtitle">让信用点亮生活</div>
      <div class="desc">
        <p>本平台致力于为用户提供便捷、安全、智能的信用生活服务。</p>
        <p>涵盖信用积分、信用借还、信用医疗、信用停车等多元场景，助力城市信用体系建设。</p>
        <p>数据驱动，服务民生，诚信共赢。</p>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: "Index"
  }
  </script>
  
  <style scoped lang="scss">
  .creditlife-home {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f6f8fa;
    color: #333;
    font-family: 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    .main-title {
      font-size: 2.8rem;
      font-weight: 700;
      margin-bottom: 1.2rem;
      color: #3a6ee8;
      letter-spacing: 2px;
    }
    .subtitle {
      font-size: 1.4rem;
      color: #6c757d;
      margin-bottom: 2.2rem;
      letter-spacing: 1px;
    }
    .desc {
      font-size: 1.1rem;
      color: #444;
      text-align: center;
      line-height: 2;
      max-width: 520px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 2px 12px rgba(58,110,232,0.06);
      padding: 2.2rem 2.5rem 2.2rem 2.5rem;
    }
  }
  </style>
  